﻿@model zichan.Models.LoginViewModel
@{
    Layout = null;
}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>用户登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="/assets/admin/pages/css/login3.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="/assets/global/css/components.css" rel="stylesheet" type="text/css" />
    <link href="/assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico" />
    <script type="text/javascript">
        if (top.location != self.location)
            top.location = self.location;
    </script>
</head>
<body class="login">

    <div class="logo">
        <a href="/"> <img src="/assets/admin/layout/img/logo-big.png" alt="" /></a>
    </div>

    <div class="content">

        <form class="login-form" method="post">

            <input type="hidden" id="returnUrl" value="@ViewBag.returnUrl" />
            <h3 class="form-title">请输入你的帐号和密码</h3>

            @if (TempData["error"] != null)
            {
                <div class="alert alert-danger display-hide" style="display: block;">
                    <span> @TempData["error"]. </span>
                </div>
            }

            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">用户名</label>
                <div class="input-icon">
                    <i class="fa fa-user"></i>
                    @Html.TextBoxFor(o => o.UserName, new { placeholder = "用户名", @class = "form-control placeholder-no-fix" })
                </div>
                <span class="help-block">
                    @Html.ValidationMessageFor(o => o.UserName)
                </span>
            </div>

            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">密码</label>
                <div class="input-icon">
                    <i class="fa fa-lock"></i>
                    @Html.PasswordFor(o => o.Password, new { autocomplete = "off", placeholder = "密码", @class = "form-control placeholder-no-fix" })
                </div>
                <span class="help-block">
                    @Html.ValidationMessageFor(o => o.Password)
                </span>
            </div>

            <div class="form-actions">
                <div class="clearfix">
                    <label class="control-label visible-ie8 visible-ie9">验证码</label>
                    <div class="input-icon pull-left">
                        <i class="fa fa-slack"></i>
                        @Html.TextBoxFor(o => o.Verifycode, new { autocomplete = "off", placeholder = "验证码", @class = "form-control placeholder-no-fix", style = "width:88px;", maxlength = 4 })
                    </div>
                    <div class="pull-left" style=" padding-top:2px; padding-left:5px">
                        <img style="cursor: pointer; vertical-align:middle" src="/Common/VerifyImage" id="VerifyImage" title="看不清？点击换一个" onclick="javascript: document.getElementById('VerifyImage').src = '/Common/VerifyImage?r=' + Math.random(); return false;">
                    </div>
                    <button type="submit" class="btn green-haze pull-right">
                        登录 <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
                <span class="help-block">
                    @Html.ValidationMessageFor(o => o.Verifycode)
                </span>
            </div>


            <div class="forget-password">
                <h4>忘记密码?</h4>
                <p>
                    请发送邮件 <a href="mailto:xxxx@xxxxx.com">xxxx@xxxxx.com</a> 提出申请重设密码.
                </p>
            </div>

        </form>

    </div>


    <div class="copyright">
        2015 &copy; 点击网络.
    </div>

    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
    <script src="/assets/global/plugins/respond.min.js"></script>
    <script src="/assets/global/plugins/excanvas.min.js"></script>
    <![endif]-->
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    <!-- END JAVASCRIPTS -->
</body>
</html>